<!-- 子组件 child.vue -->

<template>
    <div class="child">
        <label>
            姓名：<input  type="text" v-model="form.name">
        </label>
        <label>
            年龄：<input type="text" v-model="form.age">
        </label>
        <label>
            地址：<input type="text" v-model="form.address">
        </label>
    </div>
</template>

<script>
export default {
  data: function() {
    return {
      form: {
        name: "",
        namePla: "",
        age: "",
        address: ""
      }
    };
  },
  mounted() {
    // 将数据提交到 store
    this.$store.commit('getFormData', this.form)//感谢网友 @Mr.TangHao 的纠错
  }
};
</script>